<form nz-form [nzLayout]="'vertical'" auto-focus-form [formGroup]="validateForm" *ngIf="!isDelete">
  <nz-form-item nz-col class="flex-1">
    <nz-form-label nzFor="name" i18n>Group Name</nz-form-label>
    <nz-form-control i18n-nzErrorTip nzErrorTip="Please enter group name">
      <input type="text" autofocus eo-ng-input id="name" formControlName="name" [(ngModel)]="group.name" />
    </nz-form-control>
  </nz-form-item>
</form>
<p *ngIf="isDelete" i18n>
  Data from
  <strong title="{{ group.name }}">{{ group.name.length > 50 ? group.name.slice(0, 50) + '...' : group.name }}</strong>
  will be deleted. This cannot be undone. Are you sure you want to delete?
</p>
